<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    //     需求：使用while循环，页面中打印，可以添加换行效果
    //       1. 页面输出1 - 100
    //  核心思路： 利用 i, 因为正好和 数字对应
    // let i = 1
    // while (i <= 100) {
    //   document.write(`这是第${i}个 <br>`)
    //   i++
    // }


    //     2. 计算从1加到100的总和并输出
    //  核心思路：
    //  声明累加和的变量 sum
    //  每次把 i 加到 sum 里面

    // let sum = 0
    // let i = 1
    // while (i <= 100) {
    //   // sum = sum + i
    //   sum += i
    //   i++
    //   // console.log(sum);
    // }
    // console.log(sum);


    // 3 求1-100的偶数和
    let sum = 0
    let i = 1
    while (i <= 100) {
      // if来把偶数筛选出来  我只要偶数 
      if (i % 2 === 0) {
        sum = sum + i
      }
      // 变量变化量不要忘记
      i++
    }
    console.log(sum)
  </script>
</body>

</html>